.default-button {
  background-color: #20b2aa;
  color: #ffffff;

  &:hover {
    background-color: #20b2aa;
    color: #ffffff;
    border: 1px solid #20b2aa;
  }
  &:focus {
    background-color: #20b2aa;
    color: #ffffff;
    border: 1px solid #20b2aa;
  }
}
.transparent-button {
  background-color: #20b2ab00;
  color: #000000;

  &:hover {
    background-color: #20b2ab00;
    color: #000000;
    border: 1px solid #20b2ab00;
  }
  &:focus {
    background-color: #20b2ab00;
    color: #000000;
    border: 1px solid #20b2ab00;
  }
}
.public-enable {
  color: #00ff00;
}
.public-disabled {
  color: #ff3030;
}

html,
body,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
  /deep/ .ant-table-tbody {
    tr {
      td {
        padding: 0px !important;
      }
    }
  }
}
.ant-table-middle
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-scroll
  > .ant-table-body
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  padding: .3125rem !important;
}

.ant-table-header {
  overflow-y: hidden !important;
}
.chart-manage {
  display: flex;
  justify-content: center;
  i{
    margin-right: .3125rem;

  }
  i:last-child{
    margin: 0;
  }
}
.button-right-16 {
  margin-right: 1rem;
}

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-submenu-title {
  margin-top: 0 !important;
}
.icon-class {
  cursor: pointer;
  font-size: .9375rem;
}

.btn8 {
  overflow: hidden;
  position: relative; /* 相对 */
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.btn8:hover {
  border-color: #dcf0ef;
}
.btn8 .btnbg1,
.btn8 .btnbg2 {
  content: "";
  width: 0;
  height: 0;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  background: #dcf0ef;
  position: absolute;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.btn8 .btnbg1 {
  border-right-color: transparent;
  border-left-color: #dcf0ef;
  bottom: 0;
  left: 0;
}
.btn8 .btnbg2 {
  border-right-color: #dcf0ef;
  border-left-color: transparent;
  top: 0;
  right: 0;
}
.btn8:hover .btnbg1 {
  border-width: 50px 260px;
}
.btn8:hover .btnbg2 {
  border-width: 50px 260px;
}
.btn8 span {
  position: relative;
  z-index: 1;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

::-webkit-scrollbar {
  margin: 0.2rem;
  //整体样式
  height: 0.4125rem;
  width: 0.3rem;
}

::-webkit-scrollbar-thumb {
  //滑动滑块条样式
  border-radius: 0.625rem;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background: #009a9a;
  // background: rgba(2, 35, 60, 1);
}

::-webkit-scrollbar-track {
  //轨道的样式
  -webkit-box-shadow: 0;
  border-radius: 0.625rem;
  background: #ccc;
}

::-webkit-scrollbar-corner {
  background: red;
}
.cursor-pointer {
  cursor: pointer;
}
.text-underline{
 padding-bottom: .125rem;
 border-bottom: 1px solid #000;
}

.ant-table-wrapper {
  height: 100% !important;
  .ant-spin-nested-loading {
    height: 100%;
    .ant-spin-container {
      height: 100%;
      display: flex;
      flex-direction: column;
      .ant-table {
        flex: 1;
      }
    }
  }
}
.ant-pagination {
  display: flex;
  justify-content: flex-end;
}
.ant-table-header {
  overflow-y: hidden !important;
}
/* 强制打印背景颜色/图像 */
* {
  -webkit-print-color-adjust:exact;
	-moz-print-color-adjust:exact;
	-ms-print-color-adjust:exact;
	print-color-adjust:exact;  
  
}
